.search{
    width: 100%;
    height: 80rpx;
    background-color: rgb(255,102,102);
    display: flex;
    justify-content: center;
    align-items: center;
    p{
        width: 90%;
        height: 50rpx;
        background-color: #fff;
        border: 1rpx solid #ccc;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30rpx;
        color: #ccc;
    }
}
.swiper{
    
    image{
      width: 100%;
      height: 100%;
    }
}
.list{
  width: 100%;
  height: 250rpx;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  view{
    width: 20%;
    height: 60%;
    image{
      width: 100%;
      height: 100%;
    }
  }
}
.list-title{
  image{
    width: 100%;
    height: 100rpx;
  }
  .list-img{
    width: 100%;
    height: 500rpx;
    display: grid;
    grid-template-columns: 30.33% 30.33% 30.33%;
    grid-gap: 0.2125rem;
    view{
      width: 100%;
      height: 100%;
      image{
        width: 100%;
        height: 100%;
      }
    }
  }
  .list-img view:nth-child(1){
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
